<template>
  <!-- <div class="app-container"> -->
    <Express></Express>

    <!--     <el-tabs v-model="activeName">

      <el-tab-pane label="快递配送" name="express">
      </el-tab-pane>
      <el-tab-pane label="门店自提" name="shop">
        <Pickup></Pickup>
      </el-tab-pane>
      <el-tab-pane label="会员服务" name="vipService">
        <VipService></VipService>
      </el-tab-pane>
    </el-tabs> -->
  <!-- </div> -->
</template>

<script>
// 接口api：first step
import Pickup from './tabs/pickup.vue';
import Express from './tabs/express.vue';
import VipService from './tabs/vip-service.vue';
export default {
  data() {
    return {
      loading: true,
      // 当前活跃的tab
      activeName: 'express',
      // url对象：four step
      urlObject: {
        permissPrefix: 'order-manage:aftermarket-orders:',
        routePathPrefix: '/order-manage/AftermarketOrders/',
      },
      // 接口存储对象：five step
      interfaceObj: {},
    };
  },
  created() {
    this.getTableHeight.call(this);
  },

  components: {
    Express,
    Pickup,
    VipService,
  },
};
</script>
<style lang="scss" scoped>
::v-deep .el-message-box__title span {
  position: relative;
  left: 37px !important;
}

.order-state-row {
  font-size: 14px;
  font-weight: bold;
  color: #606266;
  padding: 0px 42px;
}

.dialog-container {
  margin-top: 80px;

  ::v-deep.el-select {
    width: 100%;
  }
}
</style>
